<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="css/bootstrap-grid.css" rel="stylesheet">
		<link type="text/css" rel="stylesheet" href="css/bootstrap4.1.0.css">
		<link type="text/css" rel="stylesheet" href="css/index.css">
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="../bootstrap3/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>

	</head>
<body>
	
<div class="big">
	<div id="top_div">
		<div class="nav">
			<img src="img/汉服-150x150.png">
			<span>国风汉服网</span>
		</div>
		<!-- 导航栏 -->
		<div class="nav">
		<div id="nav_div">
			<ul class="nav nav-tabs nav-justified">
		    <li class="nav-item">
		      <a class="nav-link active" href="#"><p style="font-size: 20px;">首页</p></a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="web/han_shopmall.html"><p style="font-size: 20px;">商城</p></a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="web/culture.html"><p style="font-size: 20px;">文化</p></a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link disabled" href="web/news.html"><p style="font-size: 20px;">资讯</p></a>
		    </li>
		  </ul>
		</div>
		</div>
		<!-- 搜索 -->
		<div class="nav" id="dlu">

			<button type="button" class="btn btn-dark" id="dl" onclick="window.location.href='web/login.html'">登录</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="button" class="btn btn-dark" id="zc" onclick="window.location.href='web/reg.html'">注册</button>
		</div>
	</div>
	<div id="img_div">
		<div id="right_div">
		<div class="t_div">
			<div class="title_hot" style="color:#2196f3">简介<small>Intro</small>
            <a href="http://www.aihanfu.com/zhishi/jianjie/" class="more_ac" target="_blank">[更多+]</a>
        	</div>
			<a target="_blank" title="汉服美 · 一梦醉心 一眼千年" href="http://www.aihanfu.com/wen/6323/">汉服美 · 一梦醉心 一眼千年</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6313/" title="华夏崛起 汉服复兴">华夏崛起 汉服复兴</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6317/" title="汉服基本元素的传统文化内涵">汉服基本元素的传统文化内涵</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6302/" title="「汉服知识」汉服的文化与内涵">「汉服知识」汉服的文化与内涵</a><br />
		</div><br />
		<div class="t_div">
			<div class="title_hot" style="color:#846707">话题<small>Topic</small>
            <a href="http://www.aihanfu.com/zixun/huati/" class="more_ac" target="_blank">[更多+]</a>
        	</div>
			<a target="_blank" href="http://www.aihanfu.com/wen/6329/" title="为什么穿汉服的都是年轻人？">为什么穿汉服的都是年轻人？</a><br />
			<!--<a target="_blank" href="http://www.aihanfu.com/wen/6324/" title="日常穿汉服的时候我们需要注意什么？">日常穿汉服我们需要注意什么？</a><br />-->
			<a target="_blank" href="http://www.aihanfu.com/wen/6321/" title="身为中国人，居然歧视汉文化，声称汉服比不上和服">身为中国人，居然歧视汉文化，声称汉服比不上和服</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6319/" title="老铁们：影视装 可不是 你们喜欢的汉服！">老铁们：影视装 可不是 你们喜欢的汉服！</a><br />
		</div><br />
		<div class="t_div">
			<div class="title_hot" style="color:green">新闻<small>News</small>
            <a href="http://www.aihanfu.com/zixun/xinwen/" class="more_ac" target="_blank">[更多+]</a>
        	</div>
			<a target="_blank" title="【陇人相】兰州汉服雅集会：以“华夏”之名，传承汉服之美" href="http://www.aihanfu.com/wen/6328/">【陇人相】兰州汉服雅集会：以“华夏”之名，传承汉服之美</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6310/" title="震撼！2000人超大汉服合照！| 温暖！恶劣天气见证风雨兼程！">震撼！2000人超大汉服合照！| 温暖！恶劣天气见证风雨兼程！</a><br />
			<a target="_blank" href="http://www.aihanfu.com/wen/6308/" title="礼乐之光耀武夷 ‖ 第六届中华礼乐大会开幕式回顾">礼乐之光耀武夷 ‖ 第六届中华礼乐大会开幕式回顾</a><br />
		</div><br />
		<div class="t_div">
			<div class="title_hot"><span>活动</span><small>Event</small>
            <a href="http://www.aihanfu.com/zixun/huodong/" class="more_ac" target="_blank">[更多+]</a>
        	</div>
			<a target="_blank" title="华夏文化 汉服之美知多少活动在重庆师范大学举行" href="http://www.aihanfu.com/wen/6325/">华夏文化 汉服之美知多少活动在重庆师范大学举行</a><br />
			<a target="_blank" title="【华裳九州】华丽惊艳！华裳九州汉服走秀返图合集！" href="http://www.aihanfu.com/wen/6315/">【华裳九州】华丽惊艳！华裳九州汉服走秀返图合集！</a><br />
			<a target="_blank" title="【礼乐专辑】共襄盛举！第六届中华礼乐大会11月2日至4日在武夷山举行" href="http://www.aihanfu.com/wen/6289/">【礼乐专辑】共襄盛举！第六届中华礼乐大会11月2日至4...</a><br />
		</div><br />
	</div>
	</div>
	
	<div>
		<h2>汉服资讯</h2>
	<hr /><hr />
	<a href="web/culture.html"><div class="cc"><img src="img/3622.png" /></div></a>
	<a href="web/news.html"><div class="cc"><img src="img/3824.png" /></div></a>
	<a href="web/culture.html"><div class="cc"><img src="img/3837.png" /></div></a>
	<a href="web/culture.html"><div class="cc"><img src="img/33847.png" /></div></a>
	</div>
	
<div class="a_div">
	<h2>汉服文化</h2>
	<hr /><hr />
<div id="b_div">
		
<div id="b_left">
	<div class="aa">
		<div>
			<img src="img/最全的茶之礼.jpg">
		</div>
		<div class="c1">
			<a target="_blank" href="http://www.aihanfu.com/wen/6209/">【茶道】最全的茶之礼都在这了</a>
			<p>中国是文明古国，礼仪之邦。荀子在《荀子·修身》中说“人无礼则不生，事无礼则不成，国无礼则不宁”。在中国几千年的历史里，礼仪无处不在。</p>
		</div>
	</div>
	<div class="aa">
		<div>
			<img src="img/汉服与茶道文化.jpg">
		</div>
		<div class="c1">
			<a target="_blank" href="http://www.aihanfu.com/wen/6185/">【茶道】汉服与茶道礼仪</a>
			<p>中国人待客，必有茶。汉服同袍们在雅集的时候也是万万少不得茶的，然而很多人却并不懂基本的茶道礼仪，一不小心就闹出了笑话。</p>
		</div>
	</div>
	<div class="aa">
		<div>
			<img src="img/汗巾.jpg">
		</div>
		<div class="c1">
			<a target="_blank" href="http://www.aihanfu.com/wen/6245/">明制‘唐巾’结构研究及推测性复原</a>
			<p>唐巾之名，最早出现元代，宋代更多称之为唐巾幘。明清时期的笔记、小说也常见记载，当时之盛行可见一斑。</p>
		</div>
	</div>
	<div class="aa">
		<div>
			<img src="img/传承老手艺.jpg">
		</div>
		<div class="c1">
			<a target="_blank" href="http://www.aihanfu.com/wen/6189/">传承老手艺，坚守天然香</a>
			<p>今天小编要给大家带来一些人物小分享，闽南香道的非物质文化遗产传承人陈建兵老师的故事，一起来了解关于香道的一些文化。</p>
		</div>
	</div>
	<div class="aa">
		<div>
			<img src="img/茶桌见人品.jpg">
		</div>
		<div class="c1">
			<a target="_blank" href="http://www.aihanfu.com/wen/6093/">【茶道】茶桌见人品，学习茶礼仪</a>
			<p>俗话说，茶桌见人品。对于喜欢喝茶的茶友们来说，学习茶礼仪是必不可少的，这不仅是待客之道，也是为人处世之道。</p>
		</div>
	</div>
</div>
		
		
<div id="b_right">
	<div class="c_right">
		<p style="font-size: 23px;">热点排行<span style="color: #FF6699">Top</span></p>
		<hr />
		<ol class="current">
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/690/">汉服分类Q版图解 汉服有哪些种类？</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/200/">古代人都穿什么鞋呢</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/687/">汉服形制：直裾深衣 曲裾和直裾的区别</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/283/">汉服复兴与传统文化 汉服与和服、韩服的对比</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/261/">唐朝长安-中国女人最美的时间和地点</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/249/">汉服配饰：织物腰带的发展演变</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/233/">感受下日本人眼中的汉服</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/3656/">飞鱼服：以赐服始，以国民服终。</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/494/">什么是笄礼 笄礼成人礼流程简介</a>
			</li>
			<li>
				<a target="_blank" href="http://www.aihanfu.com/wen/2795/">汉服十二章纹及其含义</a>
			</li>
		</ol>
		<hr />
	</div>
</div>

	</div>
</div>

	<div id="fix">
		<a href="http://www.sina.com.cn" target="_blank"><img src="img/小博.png" /></a>
		<a href="web/cart.html" target="_blank"><img src="img/小车.png" /></a>
		<a href="#top_div"><img src="img/回顶.png" /></a>
	</div>
	
	
	
</div>	
	<!--------------------导航栏以下------------------------->


	<!-------底部------->
<footer>
	<p>
        <a href="#" target="_blank">关于我们</a><i>|</i><a href="#" target="_blank">商家入驻</a><i>|</i><a href="#" target="_blank">入驻协议</a><i>|</i><a href="#" target="_blank">新手指南</a><i>|</i><a href="/copyright/?action=cooperation"
        	 target="_blank">商务合作</a><i>|</i><a href="web/han_shopmall.html" target="_blank">汉服荟商城</a>
    </p>
    <p class="copyright">
        <a href="#" class="ebs" target="_blank"></a>CopyRight ©2018 珠海市达内汉服网络科技有限公司 版权所有 <a href="#" target="_blank">粤ICP备14084884号-1</a> 电话：0888-8888888
    </p>
</footer>
<!-------------------------js代码json----------------------------->
<script type="text/javascript">
    $(document).ready(function () {
        //
        var url = "../user/info.do";
        //发出ajax请求并处理结果。
        $.ajax({
            "url": url,
            "type": "POST",
            "dataType": "json",
            "success": function (json) {
                var user = json.data;
                console.log(json.data.avatar);
                var reLogin="你好!&nbsp;&nbsp;<a href=\"web/home.html\">[个人中心]</a>&nbsp;&nbsp;<a href=\"javascript:toback()\">[注销]</a>";
                $("#dlu").html(user.username+reLogin);
                $.cookie("avatar",json.data.avatar,{
                    expires : 7
                });
            }
        });
    });
    function toback() {
        var url = "../user/toback";
        //发出ajax请求并处理结果。
        $.ajax({
            "url": url,
            "type": "POST",
            "dataType": "json",
            "success": function (json) {
               if(json.state==200){
                   window.location.href = "web/login.html";
			   }
            }
        });
		
    }
</script>
</body>
</html>
